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Property Value 



Value 



Property 

Aijlaj AjUSj jJi jA U2JA j^aUxil qa (jP SjLC' Ajtill 

JS 



□>^aU»Jl ^k <$ jHaj Li>jj ^UII JjAaJl 



element j^omI 1 


function 


syntax 


Background-color 


AqilaJI ijjl yJsH 


Body{background-color:black;} 


Background-image 


AqilaJI u& 9 jjqd £qdJ 


Body{background-iamge:url(l.png);} 


Background-repeat:- 


u ** b j' (J& ® j'j 5 ^ 




Repeat-x 


uittl J'J^ 


Body{background-repeat:repeat-x;} 


Repeat-y 


U' j'j 5 ^ 


Body{background-repeat repeat-y;} 


No-repeat 


Sj^all Jjfi j»jj £l 


Body{background-repeat:no-repeat;} 


Background-attachment:- 


Igq jjj fi ^jqa^ll X-i cJjjaq 




Scroll 


^jia-4 11 ya Aqila.ll Jl jaqj 


Body{background-attachment:scroll;} 


Fixed 


4,xit,j ^ <at-N. 


Body{background-attachment:fixed;} 


Local 


U jqdUfr ^ jqaq £q Aqila.ll Jl jaui 


Body{background-attachment:local;} 


Background-position:- 


AqilaJ) (jlSq AjAaJl 




Left top 


jluiqll u^a 1 AqilaJ) JjJsj 


Body{background-position:left top;} 


Left center 


jLuoll Ja*qjl AqilaJ) JjJsj 


Body{background-position:left center;} 


Left bottom 


jlqqJI JLuil AqilaJ) JqdJ 


Body{background-position:left bottom;} 


Right top 


(jqqjl) ^jlc- ) AqilaJ) Jqdj 


Body{background-position:right top;} 


Right center 


(jqqjl) Jauij! AqilaJ) JqdJ 


Body{background-position:right center;} 
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syntax ^Ljia 


Right bottom 


(jiajll Jiuj! A jiKIt Jjjsj 


Body{background-position:right bottom;} 


Center top 


A jiKIt Jjjaj 


Body{background-position:center top;} 


Center center 


Jaujil Jaujl A Jjjsj 


Body{background-position:center center;} 


Center bottom 


Jaujjil Jiuil A jiKIt Jjjaj 


Body{background-position:center 

bottom;} 


X% y% 


J&M <> 


Body{background-position:50% 50%;} 


X px y px 


px (jjjL 0 C 4jAlaj| Ajaujaj Jj-iab! 


Body{background-position:50 px 50 px;} 


Text:- 


Jjj* *in ^2 *^"^1 




color 


jaiJl (jji 


P{color:#ffff;} 


Direction:- 


4jUS]| elajl Jj±aa] 




Itr 


(jjjjJl jbuull AjUSll slajl 


Body{direction:ltr;} 


rtl 


jtuull (jiAiil AjUSJI slaj) 


Body{direction:rtl;} 


Letter-spacing:- 


tJjjaJI (jjj tblel jill JjIsj jl oJbj] 




normal 


uijjiJ) jjj Cilcl jS A^JJ V 


Hl{letter-spacing:normal;} 


length 


t-iijjjll jl 1 jll 1 nib jiS) <bsji Jjiaj 


Hl{letter-spacing:-3px;} 


Line-height:- 


Ja^JI £Uj jl Jj.lxi 




normal 


4jjjal jjS^I A jSiC. £laj Jl\ 


Hl{letter-height:normal;} 


number 


(jVI JaiJ) ^aja. [ ^Uj jVI 4_aii 


Hl{letter-height:0.5;} 


lenght 


jl flJaoJj £Uj jVI ^ba 


Hl{letter-height:30px;} 


O 


£lij jVI Jjiij] Ajjiall A ujill ^Vii III 


Hl{letter-height:10%;} 


Text-align:- 


bii) (j^jll (jlS-j Jj-laj 




left 


jLuuib (JjSj 


Hl{text-align:left;} 


right 


(jjjulL (JjSj 


Hl{text-align:right;} 


center 


Jauj^b (Jj£j 


Hl{text-align:center;} 


justify 


<La1S JS] (JjSj buatj jj ) hi nit JIjj 
( jjbjla (jijft 


Hl{text-align:justify;} 


Text-decoration:- 


(j^alll uabja^l (jjjj]| JjAaj 




none 


(_>ojll (^it i il i nj (jjjjj <ilUA (_jjjj 


Hl{text-decoration:none;} 


underline 


(jjajJ) biab iai Aibbal 


Hl{text-decoration:underline;} 


overline 


(_^fljll (jjS laiJ) 


Hl{text-decoration:overline;} 


linethrough 


[b-JaJuL 4_aK]) JaiJI 


Hl{text-decoration:linethrough;} 


Line-indent:- 


a jii]| ^ jJa*j Jjl JjS 4ibujj 4ibbal 




lenght 


? l3. jVb Aibujolt <bu2 4ibbal 


p{line-indent:30px;} 


0 


Ajjjjb) 4_uaijJb 4ibuLaII Aibual 


p{line-indent:30%;} 


Text-shadow:- 


(j<ajl JIa Aibbal 




none 


JJa ,1a. jj y 




h-shadow 


1 sbabyb JlaJl 4_ajij 
“UaUbl 


p{text-shadow:30px 40px;} 


v-shadow 


u&j^jjiI I jJI sLajVb JJaJt 4_u2 
QUalbal 


p{text-shadow:30px 40px;} 


Blur-raduis 


jLa 


p{text-shadow:30px 40px 5px;} 


color 


C C 


p{text-shadow:30px 40px 5px #ffff;} 
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element 


function 


syntax ^jj ^ 3 


Text-transform:- 


AjJjlajVt s jjiiritt JjuSj 




none 


jjjSj y 


p{text-transformation:none;} 


Capitalize 


Jjt Jjjaj 


p{text-transformation:capitalize;} 


Uppercase 


# jo* cki^ 


p{text-transformation:uppercase;} 


lowercase 




p{text-transformation:lowercase;} 


Unicode-bidi:- 


uijjiJl ula 




Normal 


jA ba£ AAt alt sLaj^t JLu 


p{unicode-bidi:normal;} 


Bidi-override 


alajVI lua (_il2 JjjJai 


p{unicode-bidi:bidi-override;} 


Vertical-align:- 


(jj*-a Aaui) jit StAla-bl 




baseline 


Aj jjUll jkubt stAla^u (jj£j 


p{vetical-align:baseline;} 


top 


jiauJU bA (jjfb 


p{vetical-align:top;} 


sub 


Ai jjbj (j^ajlt Jiuil (j-ajll jjib 


p{vetical-align:sub;} 


super 


jiomlLj J>a 


p{vetical-align:super;} 


0 


£_lia ji (Jjjjj ji 

MW* jl c_JLJb line heigh 


p{vetical-align: -20%;} 


lenght 


jl jiouulj c-iILuolL Ajj)»unll AiLual 

jiouJl L_i^ JAlb 


p{vetical-align:-20px;} 


Text-top 


£4 

jlxwill 


p{vetical-align:text-top;} 


middle 


AaLuLall i_iuaj ^ <j*ajlt jbaj 


p{vetical-align:middle;} 


Text-bottom 


jJauiIl Jiuil 4jj*uu 


p{vetical-align:text-bottom;} 


White-spacing:- 


jjjLA j . n ic. Jit a ftuAuit AaluLall 




normal 


JLuSI (jC- jlauj AjUill JUjj 

jiauJl 


p{white-spacing: lormal;} 


nowrap 


AaLuat JjS AjAa jIauj ^1 IAjI Jalij V 

AiLuiaSt </br> 


p{white-spacing:nowrap;} 


Pre-line 


j»jL LaAjfr AjAa jIauj ^t AjUSII JSljj 

breaks bjlaL*all a ic.j j-aVI 


p{white-spacing:pre-line;} 


Pre-wrap 


lg.ua joL ^LaLui a tillife CJ3^ 

AjUilj JUjj j S jlill JjS ^L.iualA.11 

breaksj' >»Vt ^ JL UAj& ajaa. jku 


p{white-spacing:pre-wrap;} 


Word-spacing:- 


ilibilSJt (jjj AaLuLatl (J^alljt jt dAbj 




normal 


Ajbal JiaVI Ajuill 


p{word-spacing:normal;} 


lenght 


? la. jVb Ajj*j Aaj2 AiLbal 


p{word-spacing:5px;} 


Font:- 


Lilt (jajLuai jjjub 




Font-family 


geogria 5u<» iajiai Alilfr AaLbal 


p{font-family:georgia;} 


Font-size 


Jailt 


p{font-size:30px;} 

p{font-size:30%;} 


Font-style:- 


Lilt ixu 




normal 


jAbdt JiuJt ,jLjxj jLualbl 


p{font-style:normal;} 


Italic 


JiLalt Lilt 


p{font-style:italic;} 


Font-variant:- 


small-caps J**j 




normal 


jAbbl Lilt 


p{font-variant:normal;} 
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Small-caps 


small caps 


p{font-variant:small-caps;} 


Font-weight:- 


£ Cljj 




bold 


iJjjxaI) labJl 


p{font-weight:bold;} 


value 


700 J'j uLiaJl400 AiLbal 

JjSjJI 


p{font-weight:400;} = "light" 
p{font-weight:700;} = "bold" 


Links:- 


H[[[[[[[[‘ ‘UaH 4 Jai^ LjIjjJI nil 




visited 


4j jbj Jaj) jll JstaJ 


A{ colongreen;} 
a:visited{color:red;} 


hover 


JsjI j]| (j^jLbb nil 


a:hover{color:red;} 


active 


Jajj jll {jlc- LLbaJI AiaaJ 


a:active{color:red;} 


borders:- 

(> ^border-top 
(> ja. border-bottom 
<JU^i (> ia. border-left 
jjjall (> ja. border-right 


JjjjKiij ASlbal 

5pX JjAaj uaj JjAaJI 

UAjlUlt JjAail JlSbul j 




dotted 


Mi «it jjiaJi jsbu 


P{border-top 5px red dotted;} 


dashed 


[[ i ail Jib 


P{border-bottom: 5px red dashed;} 


solid 




P{border-left 5px red solid;} 


groove 


bjljWi-J < jUjVI 


P{border-right 5px red groove;} 


ridge 


bjl^Vlj t »1H1j JbuVI 


P{border-top 5px red ridge;} 


inset 


Ljioia. JiW JlsuVI Jiti 


P{border-left 5px red inset;} 


outset 


i-ioia. JiW JlsuVI JitS 


P{border-right: 5px red outset;} 


Margin:- 

(> SliU^Margin-top 
Jiuil sliLa^ Margin-bottom 
Ca*i i> Marign-right 

jUu sljL^Marign-left 


lil (JA (JA dbl^4 

JLuiV! jl jl jLuuIl jl 




auto 


Aabal jjS| 4_aj2 ^iriiail jbaj 


P{margin:auto;} 


lenght 


ixla px lj Aijxj 4_aj2 jba 


P{margin-left:5px;} 


0 


Ajjibl 4,u uiib <Lu3 £ba 


P{margin-right:5%;} 


Padding:- 

jj" »'j'- i -«Padding-right 
jUu Slil-^Padding-left 
J&\ Slil-a-aPadding-top 

sliLaj Padding-bottom 


(j-A jt Jilail (ja jiriitii abta^ 

j^aiaSI l$j £Su ^jlSl Jib 




lenght 


ixb px u Ajj*js 4_aj2 ^ba 


P{padding-left:5px;} 


a 


Ajjibl AiuilSb <Lu£ jba 


P{padding-left:5px;} 


Dimentions:- 


(JJJL4 Jirlifr JUjI ( xba 




height 


Jjla 


B{height:10px;} 


Max-height 


j.ua.ifr JjJa] <Lu2 ^aat 


B{max-height:10px;} 


Min-height 


JjJai <Lu£ Jat 


B{min-height:10px;} 


width 


'* M ijC- 


B{width:10px;} 


Max-width 


La j^ajx! ,jia jfr ^^<221 


B{max-width:10px;} 


Min-width 


j^ajxl (ji jft Jat 


B{min-width:10px;} 
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element 


function 


syntax Alijia 


Display:- 


jui'nlt o^ 3 J* 6^ ^ Jr* 

(jjSj <U*2al jjSVI Alii ljLjSj 

block j' inline 




inline 


Ig-Jatj ijiWj j^dLkil (jia ijft ajj 


Li{display: nline;} 


block 


IfrJau tli&j (jia ,jC ajj 


Li{d isplay : inline;} 


none 


juiitlt fliiV 


Li{display: none;} 


Visibility: hidden; 


Udj| jirtitlt fliiV 


Li{visibility: hidden;} 


Position:- 


Jirtillt ^ 




static 


<L^LuaI| 4 j1j jib Ifrjuiaj 


Div{position:static;} 


relative 


^ Jlxll j^aixSI jjSj 


Deposition relative;} 


absolute 


-S-Ia-a ^Sa $a <1 Jau jSb JjIslLa jji j 


Div{position:absolute;} 


fixed 


Aifr jlLiSI (jjiij j^ajaiSI ^jSjj 

^ -v a . t 


Div{position:fixed;} 


Float:- 


jlLaSI UlS j^jaiSI Jliul ^xu 

^1 j^jaiSI Jiuj left i-ijUaA] 

^ right jt***JI 


Div{float:left;} 

Div2{float:right;} 


Clear:- 


float 4iuali. {j* 


Div2{float:both;} 

Div2{float:left;} 

Div2{float:right;} 
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